<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" >
<head>
<title>Login - JavaScript</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- chamando o arquivo css para a marcação da página -->
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<!-- fim do chamado -->

<!-- Arquivos JavaScript -->
<script src="js/SpryValidationTextField.js" type="text/javascript"></script>
<!-- fim JavaScript -->

<!-- JavaScritp CSS -->
<link href="js/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<!-- Fim-JavaScript -->
</head>
<body>
<?php 
	include("confirma_login.php");
?>	
<div class="titulo_formulario">Logar Sistema</div>
	<div class="quadro_cadastrado">
		
		<?php if($_GET['status']=='invalido'){ ?>
		<div class="mensagem_erro"> <?php echo "Login ou senha incorretos"; ?></div>
		<?php } ?>
		
		<form id="form_login" method="post" action="">
			
			<div class="separador_campos">
				
				<div class="separador_campo">
					E-mail: <span id="sprytextfield1">
					<input type="text" name="email" maxlength="50"/>
					<br /><b><span class="textfieldRequiredMsg">Digite o e-mail.</span><span class="textfieldInvalidFormatMsg">E-mail inválido.</span></span></b>
				</div>
				
				<div class="separador_campo">
					Senha: <span id="sprytextfield2">
					<input type="password" name="senha" maxlength="20"/>
					<br/><b><span class="textfieldRequiredMsg">Digite sua senha.</span></span></b>
				</div>
			</div>
			<div class="separador_campos"><input name="submit" type="submit" value="Enviar" /></div>
	</div>
<script type="text/javascript" language="JavaScript">
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield1", "email");
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield2");
</script>
</body>
</html>